<?php loadPartial('head'); ?>
<?php loadPartial('navbar'); ?>
<?php loadPartial('top-banner'); ?>


    <section class="container mx-auto p-4 mt-4">
        <div class="rounded-lg shadow-md bg-white p-3">
            <?= loadPartial('message') ?>
            <div class="flex justify-between items-center">
                <a class="block p-4 text-blue-700" href="/listings">
                    <i class="fa fa-arrow-alt-circle-left"></i>
                    Return to list
                </a>
                <div class="flex space-x-4 ml-4">
                    <a href="/public/listings/edit/<?= $listing['id'] ?>" class="px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded" style="height: 40px">Edit</a>
                    <form method="POST">
                        <input type="hidden" name="_method" value="DELETE">
                        <button type="submit" class="px-4 py-2 bg-red-500 hover:bg-red-600 text-white rounded">Delete</button>
                    </form>
                </div>
            </div>
            <div class="p-4">
                <h2 class="text-xl font-semibold"><?= $listing['title'] ?></h2>
                <p class="text-gray-700 text-lg mt-2">
                    <?= $listing['description'] ?>
                </p>
                <ul class="my-4 bg-gray-100 p-4">
                    <li class="mb-2"><strong>Salary:</strong> $<?= $listing['salary'] ?></li>
                    <li class="mb-2">
                        <strong>Location:</strong> <?= $listing['city'] ?>, <?= $listing['state'] ?>
                        <span class="text-xs bg-blue-500 text-white rounded-full px-2 py-1 ml-2">On Campus</span>
                    </li>
                    <li class="mb-2">
                        <strong>Tags:</strong> <?= $listing['tags'] ?>
                    </li>
                </ul>
            </div>
        </div>
    </section>

    <section class="container mx-auto p-4">
        <h2 class="text-xl font-semibold mb-4">Job Details</h2>
        <div class="rounded-lg shadow-md bg-white p-4">
            <h3 class="text-lg font-semibold mb-2 text-blue-500">
                Job Requirements
            </h3>
            <p>
                <?= $listing['requirements'] ?>
            </p>
            <h3 class="text-lg font-semibold mt-4 mb-2 text-blue-500">Walfares</h3>
            <p><?= $listing['benefits'] ?></p>
            <!-- ... -->
        </div>
        <p class="my-5">
            Please mention "Job Application" in the subject of your email, and attach your resume.
        </p>
        <a href="<?= $listing['email'] ?>" class="block w-full text-center px-5 py-2.5 shadow-sm rounded border text-base font-medium cursor-pointer text-indigo-700 bg-indigo-100 hover:bg-indigo-200">
            Apply Now
        </a>
    </section>


<?php loadPartial('bottom-banner'); ?>
<?php loadPartial('footer'); ?>